<template>
  <div class="about aboutBg">
    <!-- 头部 -->
    <InsideHeader :bannerType="bannerType"></InsideHeader>

    <!-- 面包屑 -->
    <!-- <crumb></crumb>  -->
    <div class="crumb">
      <div class="block">
        <div class="crumbL">
          <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
          <em>></em>
          <nuxt-link :to="{name: 'datacenter'}" class="on">资料中心</nuxt-link>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
    </div>

    <!-- datacenter -->
    <div class="block">
      <div class="datacenter">
        <!-- Ctit -->
        <div class="Ctit">
          <h2 class="fl borderleft">控制器>私服控制器</h2>
          <!-- <select>
                      <option>选择产品类别</option>
          </select>-->
          <div class="changetype" @click="changetypeShow()">
            <span class="fl">选择产品分类</span>
            <span class="sanjiao fl"></span>
            <div class="clear"></div>
          </div>
          <div class="clear"></div>
        </div>
        <!-- datacenterN -->
        <div class="datacenterN">
          <a href="javascript:;" :class="showindex==0?'on':''" @click="datacenterN(0)">样本</a>
          <a href="javascript:;" :class="showindex==1?'on':''" @click="datacenterN(1)">手册</a>
          <a href="javascript:;" :class="showindex==2?'on':''" @click="datacenterN(2)">CAD</a>
          <a href="javascript:;" :class="showindex==3?'on':''" @click="datacenterN(3)">认证</a>
          <a href="javascript:;" :class="showindex==4?'on':''" @click="datacenterN(4)">视频</a>
          <a href="javascript:;" :class="showindex==5?'on':''" @click="datacenterN(5)">软件</a>
          <a href="javascript:;" :class="showindex==6?'on':''" @click="datacenterN(6)">FB程序库</a>
          <a href="javascript:;" :class="showindex==6?'on':''" @click="datacenterN(7)">其他</a>
          <div class="clear"></div>
        </div>
        <div class="datacenterCO3F">
          <p class="datacenterCtit" style="idsplay:none">20件 相关样本</p>
          <div class="datacenterCO3FI">
            <p>请输入搜索关键词，关键词之间请不要到带空格</p>
            <div class="datacenterCO3FIC">
              <input type="text" placeholder="关键词" />
              <button></button>
              <div class="clear"></div>
            </div>
            <div class="datacenterCO3FIS">
              <p>一级分类：</p>
              <label>
                <input type="radio" name="type" /> FX
              </label>
              <label>
                <input type="radio" name="type" /> IQ-F
              </label>
              <label>
                <input type="radio" name="type" /> IQ-R
              </label>
              <label>
                <input type="radio" name="type" /> L系列
              </label>
              <label>
                <input type="radio" name="type" /> R系列
              </label>
              <div class="clear"></div>
            </div>
            <div class="datacenterCO3FIS">
              <p>二级分类：</p>
              <label>
                <input type="radio" name="type" /> CPU
              </label>
              <label>
                <input type="radio" name="type" /> I/Q
              </label>
              <label>
                <input type="radio" name="type" /> 高速IQ
              </label>
              <label>
                <input type="radio" name="type" /> 简易运动模块
              </label>
              <div class="clear"></div>
            </div>
          </div>
        </div>
        <!-- datacenterC -->
        <div class="datacenterC">
          <!-- 样本 -->
          <div class="datacenterCO" v-if="showindex==0">
            <p class="datacenterCtit">{{promenulist.length}}件 相关样本</p>
            <div class="datacenterCO1">
              <ul class="datacenterCO1S">
                <li v-for="(item,index) in promenulist" :key="index">
                  <nuxt-link :to="{name: 'datacenter-datacenterDetails'}">
                    <img src="../../static/images/datacenterCO1.png" :alt="item.title" />
                    <span>
                      <h3>{{item.title}}</h3>
                      <h4>语言：{{item.language}}</h4>
                      <h4>发行日期：{{item.createTime}}</h4>
                      <p>
                        <a :href="uploadurl+item.filePath">{{item.title}}({{item.capacity}})</a>
                      </p>
                    </span>
                    <div class="clear"></div>
                  </nuxt-link>
                </li>
                <div class="clear"></div>
              </ul>
            </div>
          </div>
          <!-- 手册 -->
          <div class="datacenterCO" v-if="showindex==1" :key="index">
            <p class="datacenterCtit">{{manuallist.length}}件 相关样本</p>
            <ul class="datacenterCO2">
              <li v-for="(item,index) in manuallist">
                <h2>{{item.manualTitle}}</h2>
                <h3>用户手册</h3>
                <span>
                  <p>产品型号：{{item.productModel}}</p>
                  <p>产品状态：开启</p>
                  <p>语言：{{item.language}}</p>
                  <p>更新时间：{{item.manualTitle}}</p>
                  <p>手册编号：i{{item.manualNumber}}</p>
                  <div class="clear"></div>
                </span>
                <h4>
                  <a :href="uploadurl+item.fileName">{{item.fileName}}</a>
                </h4>
              </li>
            </ul>
          </div>
          <!-- CAD -->
          <div class="datacenterCO" v-if="showindex==2">
            <div class="datacenterCO3">
              <div class="datacenterCO3C">
                <div class="datacenterCO3CO">
                  <table class="datacenterCO3COT">
                    <tr>
                      <td width="30%">型号</td>
                      <td width="12%">格式</td>
                      <td width="41%">下载文件</td>
                      <td width="16%">日期</td>
                    </tr>
                  </table>
                  <table class="datacenterCO3COS">
                    <tr v-for="(item,index) in cadlist">
                      <td width="30%">{{item.model}}</td>
                      <td width="12%">{{item.id}}</td>
                      <td width="41%">
                        <p>
                          <em>{{item.icon}}</em>
                          <a :href="uploadurl+item.filePath">{{item.filePath}}</a>
                        </p>
                      </td>
                      <td width="16%">{{item.createTime}}</td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
          </div>
          <!-- 认证 -->
          <div class="datacenterCO" v-if="showindex==3">
            <div class="datacenterCO4">
              <div class="datacenterCO4T">111</div>
              <div class="datacenterCO4N">
                <a href="javascript:;" class="on">产品结构</a>
                <a href="javascript:;">MELSEC IQ-R/MELSEC Q MES接口</a>
                <a href="javascript:;">显示器GOT2000 MES接口</a>
                <a href="javascript:;">数值控制装置M800/M80系列 MES接口</a>
                <a href="javascript:;">语言控制器</a>
                <div class="clear"></div>
              </div>
              <div class="datacenterCO4C">
                <p class="datacenterCO4Ctit">MELSEC-Q系列</p>
                <table class="datacenterCO4CT">
                  <tr>
                    <td rowspan="2" width="8%">型号</td>
                    <td width="6.1%">中国强制认证</td>
                    <td width="6.1%">CE认证</td>
                    <td colspan="9">船舶规格一览表</td>
                    <td colspan="2">第三者认证</td>
                    <td colspan="2">其他认证</td>
                  </tr>
                  <tr>
                    <td>CCC</td>
                    <td>CE</td>
                    <td width="6.1%">LR</td>
                    <td width="6.1%">GL</td>
                    <td width="6.1%">BV</td>
                    <td width="6.1%">DNV</td>
                    <td width="6.1%">ABS</td>
                    <td width="6.1%">CCS</td>
                    <td width="6.1%">NK</td>
                    <td width="6.1%">KR</td>
                    <td width="6.1%">RINA</td>
                    <td width="6.1%">TUV</td>
                    <td width="6.1%">KEMA</td>
                    <td width="6.1%">ROHS</td>
                    <td width="6.1%">UL</td>
                  </tr>
                </table>
                <table class="datacenterCO4CS">
                  <tr v-for="(item,index) in manuallist">
                    <td width="8%">Q00CPU</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                  </tr>
                  <tr>
                    <td width="8%">Q00CPU</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                  </tr>
                  <tr>
                    <td width="8%">Q00CPU</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                  </tr>
                  <tr>
                    <td width="8%">Q00CPU</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                  </tr>
                </table>
              </div>
              <div class="datacenterCO4C">
                <p class="datacenterCO4Ctit">MELSEC-L系列</p>
                <table class="datacenterCO4CT">
                  <tr>
                    <td rowspan="2" width="8%">型号</td>
                    <td width="6.1%">中国强制认证</td>
                    <td width="6.1%">CE认证</td>
                    <td colspan="9">船舶规格一览表</td>
                    <td colspan="2">第三者认证</td>
                    <td colspan="2">其他认证</td>
                  </tr>
                  <tr>
                    <td>CCC</td>
                    <td>CE</td>
                    <td width="6.1%">LR</td>
                    <td width="6.1%">GL</td>
                    <td width="6.1%">BV</td>
                    <td width="6.1%">DNV</td>
                    <td width="6.1%">ABS</td>
                    <td width="6.1%">CCS</td>
                    <td width="6.1%">NK</td>
                    <td width="6.1%">KR</td>
                    <td width="6.1%">RINA</td>
                    <td width="6.1%">TUV</td>
                    <td width="6.1%">KEMA</td>
                    <td width="6.1%">ROHS</td>
                    <td width="6.1%">UL</td>
                  </tr>
                </table>
                <table class="datacenterCO4CS">
                  <tr>
                    <td width="8%">Q00CPU</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                  </tr>
                  <tr>
                    <td width="8%">Q00CPU</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                  </tr>
                  <tr>
                    <td width="8%">Q00CPU</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                  </tr>
                  <tr>
                    <td width="8%">Q00CPU</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">--</td>
                    <td width="6.1%">
                      <img src="../../static/images/datacenterCO1S.png" />
                    </td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
          <!-- 视频 -->
          <div class="datacenterCO" v-if="showindex==4">
            <div class="datacenterCO5">
              <ul>
                <li v-for="(item,index) in manuallist">
                  <a href="#">
                    <img src="../../static/images/datacenterCO5.png" alt="机器人：RV-12SQC" />
                    <span>
                      <h2>机器人：RV-12SQC</h2>
                      <h3>使用洁净型号的垂直多关节型6轴机器人没，做洗涤装置内供给12英寸警员和回收作业。</h3>
                      <h4>时长：1分钟 大小：约2.11MB</h4>
                      <div class="datacenterCO5B">
                        <img src="../../static/images/datacenterCO51.png" />
                        <p>在线播放</p>
                      </div>
                    </span>
                    <div class="clear"></div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../../static/images/datacenterCO5.png" alt="机器人：RV-12SQC" />
                    <span>
                      <h2>机器人：RV-12SQC</h2>
                      <h3>使用洁净型号的垂直多关节型6轴机器人没，做洗涤装置内供给12英寸警员和回收作业。</h3>
                      <h4>时长：1分钟 大小：约2.11MB</h4>
                      <div class="datacenterCO5B">
                        <img src="../../static/images/datacenterCO51.png" />
                        <p>在线播放</p>
                      </div>
                    </span>
                    <div class="clear"></div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../../static/images/datacenterCO5.png" alt="机器人：RV-12SQC" />
                    <span>
                      <h2>机器人：RV-12SQC</h2>
                      <h3>使用洁净型号的垂直多关节型6轴机器人没，做洗涤装置内供给12英寸警员和回收作业。</h3>
                      <h4>时长：1分钟 大小：约2.11MB</h4>
                      <div class="datacenterCO5B">
                        <img src="../../static/images/datacenterCO51.png" />
                        <p>在线播放</p>
                      </div>
                    </span>
                    <div class="clear"></div>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="../../static/images/datacenterCO5.png" alt="机器人：RV-12SQC" />
                    <span>
                      <h2>机器人：RV-12SQC</h2>
                      <h3>使用洁净型号的垂直多关节型6轴机器人没，做洗涤装置内供给12英寸警员和回收作业。</h3>
                      <h4>时长：1分钟 大小：约2.11MB</h4>
                      <div class="datacenterCO5B">
                        <img src="../../static/images/datacenterCO51.png" />
                        <p>在线播放</p>
                      </div>
                    </span>
                    <div class="clear"></div>
                  </a>
                </li>
                <div class="clear"></div>
              </ul>
            </div>
          </div>
          <!-- 软件 -->
          <div class="datacenterCO" v-if="showindex==5">
            <ul class="datacenterCO6">
              <li v-for="(item,index) in manuallist">
                <a href="#">
                  <h2>PLC Interface Manual_ib1501272engk 2</h2>
                  <p>大小：3.38GB</p>
                  <p>文件类别：低压断路器</p>
                  <p>上传日期：2019/08/08</p>
                  <h4>查看详情</h4>
                </a>
              </li>
              <li>
                <a href="#">
                  <h2>PLC Interface Manual_ib1501272engk 2</h2>
                  <p>大小：3.38GB</p>
                  <p>文件类别：低压断路器</p>
                  <p>上传日期：2019/08/08</p>
                  <h4>查看详情</h4>
                </a>
              </li>
              <li>
                <a href="#">
                  <h2>PLC Interface Manual_ib1501272engk 2</h2>
                  <p>大小：3.38GB</p>
                  <p>文件类别：低压断路器</p>
                  <p>上传日期：2019/08/08</p>
                  <h4>查看详情</h4>
                </a>
              </li>
            </ul>
          </div>
          <!-- FB程序库 -->
          <div class="datacenterCO" v-if="showindex==6"></div>
          <!-- 其他 -->
          <div class="datacenterCO" v-if="showindex==7">
            <div class="datacenterCO8">
              <div class="datacenterCO8C">
                <p class="datacenterCO8Ctit">样本</p>
                <ul class="datacenterCO1S">
                  <li v-for="(item,index) in manuallist">
                    <nuxt-link :to="{name: 'datacenter-datacenterDetails'}">
                      <img src="../../static/images/datacenterCO1.png" alt="FA整合解决方案" />
                      <span>
                        <h3>FA整合解决方案</h3>
                        <h4>语言：中文</h4>
                        <h4>发行日期：2019年2月</h4>
                        <p>L(NA)08569(13.69MB)</p>
                      </span>
                      <div class="clear"></div>
                    </nuxt-link>
                  </li>
                  <li>
                    <nuxt-link :to="{name: 'datacenter-datacenterDetails'}">
                      <img src="../../static/images/datacenterCO1.png" alt="FA整合解决方案" />
                      <span>
                        <h3>FA整合解决方案</h3>
                        <h4>语言：中文</h4>
                        <h4>发行日期：2019年2月</h4>
                        <p>L(NA)08569(13.69MB)</p>
                      </span>
                      <div class="clear"></div>
                    </nuxt-link>
                  </li>
                  <div class="clear"></div>
                </ul>
              </div>
              <div class="datacenterCO8C">
                <p class="datacenterCO8Ctit">手册</p>
                <ul class="datacenterCO2">
                  <li>
                    <h2>M800 M80 E80 C80 Series PLC Interface Manual_ib1501272engk 2</h2>
                    <h3>用户手册</h3>
                    <span>
                      <p>产品型号：DL3495</p>
                      <p>产品状态：开启</p>
                      <p>语言：中文</p>
                      <p>更新时间：2019-10-17</p>
                      <p>手册编号：ib1501272</p>
                      <div class="clear"></div>
                    </span>
                    <h4>L(NA)08569(13.69MB)</h4>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <!-- 选择产品分类弹窗 -->
        <div class="changetypePUP">
          <div class="changetypePUPC">
            <div class="changetypePUPCT">
              <h4>请选择你所需要的产品种类·服务</h4>
              <p @click="changetypeHide()">×</p>
              <div class="clear"></div>
            </div>
            <div class="changetypePUPCS">
              <ul>
                <li v-for="(item,index) in promenulist" :key="index">
                  <a href="#">
                    <h4>{{item.productName}}</h4>
                    <p
                      v-for="(itemb,index) in item.productTypeVos"
                      :key="index"
                    >{{itemb.productName}}</p>
                  </a>
                </li>
                <div class="clear"></div>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 链接 -->
    <Insidelink></Insidelink>

    <!-- 底部 -->
    <HomeHooter></HomeHooter>
  </div>
</template> 

<script>
import $ from "jquery";
import "@/assets/css/home.css";
import "@/assets/css/datacenter.css";
import InsideHeader from "@/components/head";
import HomeHooter from "@/components/footer";
import crumb from "@/components/crumb";
import Insidelink from "@/components/link";
import qs from "qs";
export default {
  name: "index",
  data() {
    return {
      showindex: 0,
      bannerType: "datacenter",
      promenulist: [],
      manuallist: [],
      cadlist: [],
      certlist: [],
      softlist: []
    };
  },
  components: {
    InsideHeader,
    HomeHooter,
    crumb,
    Insidelink
  },
  methods: {
    datacenterN(e) {
      this.showindex = e;
      if (e == 0) {
        this.promenu();
      } else if (e == 1) {
        this.getAllDownManual();
      } else if (e == 2) {
        this.getAllDownCadindex();
      } else if (e == 3) {
        this.getAllDownCertification();
      } else if (e == 4) {
        this.getAllDownManual();
      } else if (e == 5) {
        this.getAllDownSoftware();
      } else if (e == 6) {
        location.href =
          "http://cn.mitsubishielectric.com/fa/zh/MelsoftLibrary/fasite_contents/chinese.html";
      }
    },
    changetypeShow() {
      $(".changetypePUP").show();
    },
    changetypeHide() {
      $(".changetypePUP").hide();
    },
    //样本的
    promenu(firstoid, secondOid) {
      let id = this.$axios;
      let params = qs.stringify({
        page: this.page,
        limit: 10,
        productFirstOid: this.firstoid,
        productSecondOid: this.secondOid
      });
      this.$api.serve.getAllDownCatalog(id, params).then(res => {
        let result = res.data;
        if (result.code === 1) {
          this.promenulist = result.data;
        }
      });
    },
    //手册
    getAllDownManual(firstoid, secondOid) {
      let id = this.$axios;
      let params = qs.stringify({
        page: this.page,
        limit: 10,
        productFirstOid: this.firstoid,
        productSecondOid: this.secondOid
      });
      this.$api.serve.getAllDownManual(id, params).then(res => {
        let result = res.data;
        if (result.code === 1) {
          this.manuallist = result.data;
        }
      });
    },
    //cad
    getAllDownCadindex(firstoid, secondOid) {
      let id = this.$axios;
      let params = qs.stringify({
        page: this.page,
        limit: 10,
        productFirstOid: this.firstoid,
        productSecondOid: this.secondOid
      });
      this.$api.serve.getAllDownCadindex(id, params).then(res => {
        let result = res.data;
        if (result.code === 1) {
          this.cadlist = result.data;
        }
      });
    },
    //认证
    getAllDownCertification(firstoid, secondOid) {
      let id = this.$axios;
      let params = qs.stringify({
        page: this.page,
        limit: 10,
        productFirstOid: this.firstoid,
        productSecondOid: this.secondOid
      });
      this.$api.serve.getAllDownCertification(id, params).then(res => {
        let result = res.data;
        if (result.code === 1) {
          this.certlist = result.data;
        }
      });
    },
    //视频
    // promenu(firstoid,secondOid){
    //   let id = this.$axios;
    //   let params = qs.stringify({
    //     page: this.page,
    //     limit: 10,
    //     productFirstOid: this.firstoid,
    //     productSecondOid:this.secondOid
    //   });
    //   this.$api.serve.getAllDownCatalog(id, params).then(res => {
    //     let result = res.data;
    //     if (result.code === 1) {
    //       this.promenulist=result.data
    //     }
    //   });
    // },
    //软件
    getAllDownSoftware(firstoid, secondOid) {
      let id = this.$axios;
      let params = qs.stringify({
        page: this.page,
        limit: 10,
        productFirstOid: this.firstoid,
        productSecondOid: this.secondOid
      });
      this.$api.serve.getAllDownSoftware(id, params).then(res => {
        let result = res.data;
        if (result.code === 1) {
          this.softlist = result.data;
        }
      });
    }
    //其他
    // promenu(firstoid,secondOid){
    //   let id = this.$axios;
    //   let params = qs.stringify({
    //     page: this.page,
    //     limit: 10,
    //     productFirstOid: this.firstoid,
    //     productSecondOid:this.secondOid
    //   });
    //   this.$api.serve.getAllDownCatalog(id, params).then(res => {
    //     let result = res.data;
    //     if (result.code === 1) {
    //       this.promenulist=result.data
    //     }
    //   });
    // },
  },
  created() {
    this.promenu();
    // this.uploadurl = this.comsys.uploadurl();
  },
  mounted() {
    this.firstoid = "fd660bf8-6b58-4942-b3e3-e2574f0dd625";
    this.secondOid = "3c0e797d-7252-4f18-a8dc-3aa5ab25b82b";
  }
};
</script>

<style scoped>
</style>